<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <img id="mypic" src="https://img0.baidu.com/it/u=1303480291,377624857&fm=253&fmt=auto?w=200&h=200" />
    <div>
        <button id="btn1">春天</button>
        <button id="btn2">夏天</button>
        <button id="btn3">秋天</button>
        <button id="btn4">冬天</button>
    </div>
</body>
<script>
    let myPic = document.getElementById("mypic");
    let btn1 = document.getElementById("btn1");
    let btn2 = document.getElementById("btn2");
    let btn3 = document.getElementById("btn3");
    let btn4 = document.getElementById("btn4");
    btn1.onclick  = function(){
        myPic.src = "https://img0.baidu.com/it/u=1303480291,377624857&fm=253&fmt=auto?w=200&h=200"
    }

    btn2.onclick = function(){
        myPic.src = "https://img1.baidu.com/it/u=860738811,2614178366&fm=253&fmt=auto&app=138&f=JPEG?w=240&h=135";
    }
    btn3.onclick = function(){
        myPic.src = "https://img0.baidu.com/it/u=1811986937,2769175780&fm=253&fmt=auto&app=138&f=JPEG?w=190&h=190"
    }
    btn4.onclick = function(){
        myPic.src ="https://img0.baidu.com/it/u=3260643187,1977924381&fm=253&fmt=auto&app=138&f=JPEG?w=200&h=200"
    }

</script>

</html>